body{
    padding-top: 10px;
}

.cal {
    height: 80px;
}

.pointer {
	cursor: pointer;
}

.notallowed {
	cursor: not-allowed;
}

.avail-table .empty {
	background-color: white;
}

.avail-table .avail {
	background-color: green;
	text-align: center;
	color: white;
}

.avail-table .checkin {
	background-color: red;
	text-align: center;
	color: white;
}

.avail-table .booked {
	background-color: yellow;
	text-align: center;
	color: black;
}

.avail-table .checkout {
	background-color: green;
	text-align: center;
	color: white;
}

.avail-table .outoforder {
	background-color: gray;
	text-align: center;
	color: white;
}

.avail-table .clicked {
	background-color: blue;
}

.avail-table .avail:hover, #avail-table .checkin:hover, #avail-table .booked:hover, #avail-table .checkout:hover {
	opacity: 0.8;
}

.avail-table .hover { 
	background-color: #EEEEEE;
}